<!-- eslint-disable prettier/prettier -->
<!-- eslint-disable prettier/prettier -->
<template>
  <div class="container">
    <a-row type="flex" justify="space-between">
      <a-col :span="24">
        <baseInfo></baseInfo>
      </a-col>
    </a-row>
    <a-row type="flex" justify="space-between" :gutter="24">
      <a-col :span="8">
        <myTask></myTask>
        <myScore></myScore>
      </a-col>
      <a-col :span="8">
        <myMessage></myMessage>
        <myAPP></myAPP>
      </a-col>
      <a-col :span="8">
        <myCalendar></myCalendar>
      </a-col>
    </a-row>
  </div>
  <!-- <a-row>
    <a-col :span="24">
      <myClass></myClass>
    </a-col>
  </a-row> -->
</template>

<script lang="ts" setup>
import baseInfo from "./components/baseInfo.vue";
import myTask from "./components/myTask.vue";
import myScore from "./components/myScore.vue";
import myMessage from "./components/myMessage.vue";
import myAPP from "./components/myAPP.vue";
import myCalendar from "./components/myCalendar.vue";
// import myClass from "./components/myClass.vue";
</script>

<style lang="less">
.container {
  padding: 0 20px 20px 40px;
}
::-webkit-scrollbar {
  width: 0px;
}
</style>
